<template>
    <div class="header-content">
        <home-content-header></home-content-header>
        <home-content-header-two></home-content-header-two>
        <home-content-header-three></home-content-header-three>
    </div>
</template>

<script>
    import HomeContentHeader from "./content/content-header"
    import HomeContentHeaderTwo from "./content/content-header-two"
    import HomeContentHeaderThree from "./content/content-header-three"
    export default {
        name: "Content",
        components:{
            HomeContentHeader,
            HomeContentHeaderTwo,
            HomeContentHeaderThree,
        }
    }
</script>

<style lang="stylus" type="text/stylus" scoped>
    .header-content
     background-color :#fff
     height :100%
     width:9.4rem
     margin:0 auto
     border-radius:.2rem
</style>